@import (reference) "~weaver-mobile/dist/weaver-mobile.less";

@proj-main-color1: @color-text-base-inverse;
@proj-main-color2: @color-text-base;
@proj-paragraph-color: @color-text-paragraph;
@proj-title-color: #727272;
@proj-text-color: #acacac;
@proj-ground-color: @fill-grey-weak;
@proj-border-color: #efeff4;
@proj-border2-color: #ccc;
@proj-placeholder-color:@color-text-placeholder;

@proj-font-family: 'Microsoft YaHei', "Poppins", serif;

@fx: @hd;

.loading {
  height: 80%;
  width: 100%;
  background: transparent;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.background-linearTo(@direction:to right,@colorStart,@colorEnd) {
  background: @colorStart; //Old browsers
  background: -moz-linear-gradient(@direction, @colorStart 0%, @colorEnd 100%); //FF3.6+
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, @colorStart), color-stop(100%, @colorEnd)); //Chrome,Safari4+
  background: -webkit-linear-gradient(@direction, @colorStart 0%, @colorEnd 100%); //Chrome10+,Safari5.1+
  background: -o-linear-gradient(@direction, @colorStart 0%, @colorEnd 100%); //Opera 11.10+
  background: -ms-linear-gradient(@direction, @colorStart 0%, @colorEnd 100%); //IE10+
  background: linear-gradient(@direction, @colorStart 0%, @colorEnd 100%); //W3C
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@colorStart, endColorstr=@colorEnd, GradientType=0); //IE6-9
}
.background-linearTo2(@direction:to right,@colorStart,@color,@colorEnd) {
  background: -moz-linear-gradient(@direction, @colorStart 0%, @color 50%,@colorEnd 100%); //FF3.6+
  background: -webkit-linear-gradient(@direction, @colorStart 0%,@color 50%, @colorEnd 100%); //Chrome10+,Safari5.1+
  background: -o-linear-gradient(@direction, @colorStart 0%, @color 50%,@colorEnd 100%); //Opera 11.10+
  background: -ms-linear-gradient(@direction, @colorStart 0%,@color 50%, @colorEnd 100%); //IE10+
  background: linear-gradient(@direction, @colorStart 0%,@color 50%, @colorEnd 100%); //W3C
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@colorStart, endColorstr=@colorEnd, GradientType=0); //IE6-9
}
/*flex布局*/

.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.flex-dir-col {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-align-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.flex-align-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.flex-justify-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-justify-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.flex-justify-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.flex-space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
